﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>部门管理</title>
    <%@include file="/WEB-INF/views/common/link.jsp"%>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <%@include file="/WEB-INF/views/common/navbar.jsp"%>
    <!--菜单回显-->
    <c:set var="currentMenu" value="department"/>
    <%@include file="/WEB-INF/views/common/menu.jsp"%>
    <div class="content-wrapper">
        <section class="content-header">
            <h1>部门管理</h1>
        </section>
        <section class="content">
            <div class="box">
                <!--高级查询--->
                <form class="form-inline" id="searchForm" action="/department/list.do" method="post">
                    <input type="hidden" name="currentPage" id="currentPage" value="1">
                    <a href="/department/input.do" class="btn btn-success btn-input" style="margin: 10px">
                        <span class="glyphicon glyphicon-plus"></span> 添加
                    </a>
                </form>
                <!--编写内容-->
                <div class="box-body table-responsive no-padding ">
                    <table class="table table-hover table-bordered">
                        <tr>
                            <th>编号</th>
                            <th>部门名称</th>
                            <th>部门编号</th>
                            <th>操作</th>
                        </tr>
                        <c:forEach items="${pageResult.list}" var="department" varStatus="vs">
                            <tr>
                                <td>${vs.count}</td>
                                <td>${department.name}</td>
                                <td>${department.sn}</td>
                                <td>
                                    <a href="/department/input.do?id=${department.id}" class="btn btn-info btn-xs btn-input">
                                        <span class="glyphicon glyphicon-pencil"></span> 编辑
                                    </a>
                                    <a href="#" data-id="${department.id}" class="btn btn-danger btn-xs btn-delete">
                                        <span class="glyphicon glyphicon-trash"></span> 删除
                                    </a>
                                </td>
                            </tr>
                        </c:forEach>
                    </table>
                    <!--分页-->
                    <%@include file="/WEB-INF/views/common/page.jsp"%>
                </div>
            </div>
        </section>
    </div>
    <%@include file="/WEB-INF/views/common/footer.jsp"%>
</div>
<script>
    //删除按钮
    $(".btn-delete").click(function () {
    <%-- <a href="#" data-id="${department.id}" class="btn btn-danger btn-xs btn-delete">
            <span class="glyphicon glyphicon-trash"></span> 删除
            </a> --%>
        //获取当前点击的部门id
        var id = $(this).data('id');
        delMethod('/department/delete.do',id)
    })
    /*function delMethod(url, id) {
        //修改确认框的文本
        $.messager.model = {
            ok: {text: "确认"},
            cancel: {text: "取消"}
        }
        //提示确认框
        $.messager.confirm("警告", "是否确认删除?", function () {
            //发送ajax请求
            $.get(url, {id: id}, function (data) {
                if (data.success) {
                    //更简洁的弹出框，并自动消失
                    $.messager.popup("操作成功,2秒后刷新!")
                    setTimeout(function () {

                        window.location.reload();//自动加载当前页面,会携带原本的参数

                    }, 2000)
                } else {
                    $.messager.popup(data.msg)
                }
            })
        })
    }*/
</script>
</body>
</html>
